import React, { Component } from 'react';
import { Card, Tabs } from 'antd';
import style from './MySettings.less';
import MyInfo from './MyInfo';
import Welcome from './Welcome';
import ModifyPwd from './ModifyPwd';

const { TabPane } = Tabs;
/**
 *  个人设置
 */
export default class MySetting extends Component {
  static displayName = 'MySetting';

  constructor(props) {
    super(props);
    this.state = {
      activeKey: '',
    };
  }

  render() {
    return (
      <div className={style.MySetting}>
        <Tabs>
          <TabPane tab="我的信息" key={0}>
            <MyInfo />
          </TabPane>

          <TabPane tab="欢迎语设置" key={2}>
            <Welcome />
          </TabPane>

          <TabPane tab="密码修改" key={1}>
            <ModifyPwd />
          </TabPane>
        </Tabs>
      </div>
    );
  }
}
